<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Stru暖安软件</title>
    <!--<link rel="stylesheet" href="/static/jquery-weui/css/jquery-weui.css">-->
    <!--<link rel="stylesheet" href="/static/layui/css/layui.mobile.css">-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
    <!--<script type="text/javascript" src="/static/js/jquery-1.7.1.min.js"></script>-->
    <!--<script type="text/javascript" src="/static/jquery-weui/js/jquery-weui.js"></script>-->
    <script type="text/javascript" src="/static/jquery-weui/js/swiper.js"></script>
    <style>
        body{
            background-color:#F6F7F9
        }
        .header-main{
            height: 1780px;
            overflow: scroll;
        }
        .column-title-line h3{
            font-size:40px;
            position: relative;
            z-index: 5;
            display: inline-block;
            line-height: 30px;
            font-weight: normal;
            margin-top: 30px;
            margin-bottom: 16px;
            padding: 0 25px;
            background: #F6F7F9;
        }
        .column-title-line h3 span{
            color: #f6201e;
        }
        .column-title-line .bg-line{
            width: 90%;
            margin-left: 8%;
            position: absolute;
            top: 50px;
            border-top: 5px solid #E9E1E1;
        }
        .column-title-line .bg-line-two{
            width: 90%;
            margin-left: 5%;
            position: absolute;
            top: 50px;
            border-top: 5px solid #E9E1E1;
        }
        .column-title-line p{
            margin-top:30px;
            color: #777;
            font-size:36px;
            line-height: 20px;
        }
        .column-list img{
            margin-left:160px;
        }
        .product-content ul{
            background-color: #fff;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }
        .product-content ul li{
            margin-left: 10%;
            padding-top: 1%;
            list-style: none;
        }
        .product-content ul li p{
            color:#666;
        }
        .connect-us img{
            margin-left: 10px;
        }
        .weui-footer p{
            font-size: 30px;
        }
        .weui-footer a{
            font-size: 30px;
        }
    </style>
</head>
<body>
<div class="header-main">
    <div class="weui-flex">
        product header
    </div>
    <div class="weui-flex">
        product main one
    </div>
    <div class="weui-flex">
        product main two
    </div>
    <div class="weui-flex">
        product main three
    </div>
</div>
<div class="weui-footer weui-footer_fixed-bottom">
    <p>
        <a href="http://www.struphp.com/wechat" class="weui-footer__link">暖安软件</a>
    </p>
    <p>Copyright © 2016-2019 </p>
</div>
</body>
</html>